<template>
	<view>
		<view class="content">
			<view class="item">
				<label>对接打印机</label>
				<text>选择打印机</text>
			</view>
			<view class="item">
				<label>自动打印</label>
				<checkbox value=""></checkbox>
			</view>
			<view class="item">
				<label>打印小票数量</label>
				<view>
					<input type="text" @input="onInput" :value="value"/>
				</view>
			</view>
		</view>
		<view class="btn">
			<button>保存</button>
		</view>
	</view>
</template>
<script>
export default {
	data(){
		return {
			value:''
		}
	},
	methods:{
		onInput(e){
			console.log(e.detail)
			this.value = e.value
		}
	}
}
</script>
<style>
	page {
      background: rgb(245, 245, 245);
	}
	.content {
		width: 690rpx;
		height: 358rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 30rpx;
		display: flex;
		flex-direction: column;
	}
	.item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-right: 20rpx;
		padding-top: 29rpx;
		padding-bottom: 29rpx;
	    margin-left: 18rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
		border-bottom: 1px solid #E5E5E5;
	}
	.item label {
		font-size: 28rpx;
	}
	.item text {
		font-size: 24rpx;
		color: #666666;
	}
	.item input {
		width: 50rpx;
	}
	.btn {
		margin: 100rpx 30rpx;
		width: 690rpx;
		height: 80rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
	}
	.btn button {
		background: #FEB140;
		border-radius: 40rpx;
		font-size: 28rpx;
	}
</style>
